@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	background-image: url(images/gradient_bg.jpg);
	background-repeat:repeat-x;
	background-color: #e6e6e6;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	}
body {
	/*scrollbar-3dlight-color:#3b185a; */
	scrollbar-arrow-color:#3b185a; 
	scrollbar-base-color:#3b185a;
	scrollbar-darkshadow-color:#000; 
	scrollbar-face-color:#a8966a; 
	scrollbar-highlight-color:#fff; 
	scrollbar-shadow-color:#888;
	scrollbar-track-color:#888; 

	}



p {
	line-height: 130%;
	padding-right: 25px;
	padding-left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
ul{
	margin-top: 0px;	
		}	

#seatingChart {
	/*border: 1px dotted #06C;*/
	margin-top:0px;
	padding-top: 0px;
 	width: 259px;    
	height: 180px;
	float:right;
	background-image:url(images/seating_BG.png);
	background-repeat:no-repeat;
	}
#seatingChart p {padding-top: 15px; padding-left: 8px;}

#seatingChart li {
	padding-top: 8px;
	background-position: left;
	background-repeat:no-repeat;
	font-weight:bold;
	list-style-type: none;	
	}
#seatingChart li.goldBullet {background-image:url(images/seatingchart_bullets/gold.png);}
#seatingChart li.whiteBullet {background-image:url(images/seatingchart_bullets/white.png);}
#seatingChart li.yellowBullet {background-image:url(images/seatingchart_bullets/yellow.png);}
#seatingChart li.greyBullet {background-image:url(images/seatingchart_bullets/grey.png);}

#container {
	/*width: 984px;*/
	width: 1000px;
	margin: 0px;
	text-align:left;
	margin: 0 auto;
	height: 570px;;
	}

h1 {color: #3b185a; font-size:120%; padding-left: 5px;}
h2 {color: #3b185a; font-size: 100%;}

/*#topBanner {
	height: 124px;
	}	

#topBanner img{padding-left: 30px;}*/

#content {
	background-image: url(images/main_bg.png);
	background-repeat:no-repeat;
	background-position: 12px 20px;
	width: 985px;
	/*height: 554px;
	border: 1px solid #000;*/
	height:auto;
	padding-left: 17px;
	padding-right: 0px;
	}	
	
	
#topNav {
	height: 36px;
	padding-bottom: 20px;
	width: 984px;
	}	
	
#leftNavGroup {
	width: 227px;
	float: left;
	padding-left: 8px;
	}	

#leftNavTop {
	background-image:url(images/lft_nav/lft_nav_top_bg.png);
	background-repeat: no-repeat;
	height: 7px;
	width: 227px;	
	}
#leftNav {
	padding-left: 6px;
	width: 227px;
	background-image: url(images/lft_nav/lft_nav_mid_bg.png);
	background-repeat:repeat-y;
	font-family:Verdana, Geneva, sans-serif;
	
	}
#leftNavBtm {
	background-image: url(images/lft_nav/lft_nav_btm_bg.png);
	height: 8px;
	width: 227px;
	background-repeat:no-repeat;
		}	
		

#bodyContent {
	text-align:left;
	width: 726px;
	padding-top: 0px;
	padding-left: 5px;
	float:right;
	font-size: 80%;
	padding-right: 5px;
	 
	}

#ContactContent {
	width: 977px;
	padding-left: 0px;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/contact_photo.png);
	background-repeat:no-repeat;
	background-position: 50% 26%;
	height: 477px;
	}
	
	
#bodyContent a {
	color: #3b185a;
	}	

/* Classes */

.purple {color: #3b185a;}
.gold {color: #a8966a; }
	
.clearall {clear: both;}

.footerNav {
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-variant:small-caps;
	color: #333;
	padding-top: 50px;
	clear: both;
	padding-bottom: 20px;
	
	}
.footerNav a {
	color:#666;
	text-decoration: none;
	}
.footerNav a:hover {
	color: #306;
	text-decoration: underline;
	}



.initialCap {
 
	color: #339;
	font-size: 200%;
	font-family:"Times New Roman", Times, serif;
		
	}
	
/**background for main content **/	

.bodycontentTop {
	
		width: 721px;
		height: 12px;
		background-image:url(images/bodycontent_top_bg.png);
		background-repeat:no-repeat;
		}
.bodycontentMid {
	
		background-image: url(images/bodycontent_bg.png);
		background-repeat:repeat-y;
		/*height: 192px; edit by luke 10/6
		overflow:auto;*/
		width: 99%;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-left: 20px;
		/*padding-right: 30px;*/
		clear:right;
		}	
.bodycontentScroll {
		background-image: url(images/bodycontent_bg.png);
		background-repeat:repeat-y;
		height: 150px;
		overflow:auto;
		width: 666px;
		padding-left: 50px;
		margin-right: 30px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		}	
		 	

.faqScroll {
		background-image: url(images/bodycontent_bg.png);
		background-repeat:repeat-y;
		height: 200px;
		overflow:auto;
		width: 666px;
		padding-left: 50px;
		margin-right: 30px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		}	
		
.faqScroll p {padding-bottom: 8px; padding-top: 8px; padding-left: 18px;}	

.staffScroll {
	overflow:auto;
	height: 430px;
	width: 720px;
	}


		
.PointContentMid {height: 400px;
	background-image: url(images/bodycontent_bg.png);
		background-repeat:repeat-y;
		padding-top: 10px;
		padding-left: 10px;
	}	
			
.pointsScroll {
		/*background-image: url(images/bodycontent_bg.png);
		background-repeat:repeat-y;*/
		height: 280px;
		overflow:auto;
		width: 630px;
		padding-left: 50px;
		margin-right: 30px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		}			
		
		
.scrollarrow {
	height: 15px;
	text-align: center;
	background-image: url(images/bodycontent_bg.png);
	background-repeat:repeat-y;
	margin: 0px;
	padding: 0px;
	}		
		
.bodycontentBtm {
		background-image: url(images/bodycontent_btm_bg.png);
		height: 13px;
		width: 721px;
		background-repeat: no-repeat;
		clear: right;
		margin: 0px;
		}		
		

/** tickets body rules **/

#bodyTicketsWrapper {
	width: 458;
	/*border: 1px #000 dashed;*/
	float: left;
	
	}

.bodyticketsTop {
	width: 458px;	
	height: 10px;
	background-image:url(images/ticket_content_top_bg.png);
	background-repeat:no-repeat;
/*	width: 450px; 
	float: left;*/
	}
.bodyticketsMid {
	/*border: 1px dotted #06C;*/
	background-image:url(images/tickets_content_mid_bg.png);
	background-repeat:repeat-y;
		width: 458px;
		height: auto;
	/*float: left;*/
	}
.bodyticketsMid p {
	padding-right: 12px;
	padding-left:12px;

	}


.bodyticketsBtm {
	/*width: 458px;*/
	width: 458px;
	height: 10px;
	background-image:url(images/tickets_content_btm_bg.png);
	background-repeat:no-repeat;
/*	float: left;
	clear:right;*/
	}	



/** left hand menu controls **/

.glossymenu{
	margin: 0 px 0;
	padding: 0;
	width: 215px; /*width of menu*/
	/*border: 1px solid #9A9A9A;*/
	border-bottom-width: 0;
	border-top-width: 0;
	font-weight: bold;
}



.glossymenu a.menuitem{
	background: url(images/lft_nav/button_bg.png) repeat-x bottom left;
	font: 90% "Lucida Grande", "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	
	font-variant:small-caps;
	color: #000;
	font-weight:bold;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	margin-top: 6px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color:#333;
	
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/lft_nav/purple_hover.png);
color: #fff;
}
.glossymenu .selected{ /*added by luke 10-22*/

background-image: url(images/lft_nav/purple_hover.png);
color: #fff;
}   
 

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	
	width: 183px;
/*	height: 25px;*/
	margin-left: 32px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.glossymenu div.submenu ul li{
	/*border-bottom: 1px solid blue;*/
	
	background-image:url(images/lft_nav/sub_menu.png);
	background-repeat:no-repeat;
	margin-top: 4px;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: bold 90% "Lucida Grande", "Arial", Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #dec583;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-top: 4px;
	padding-left: 10px;

	font-variant:small-caps;
	
}

.glossymenu div.visited ul li a:visited{
 
background-image:url(images/lft_nav/purple_visited.png);
background-repeat:no-repeat;
 
	
}

.glossymenu div.submenu ul li a:hover{
background-image:url(images/lft_nav/purple_hover.png);
background-repeat:no-repeat;
	color: white;
}

.glossymenu div.submenu ul li a:visited{
 
background-image:url(images/lft_nav/purple_visited.png);
background-repeat:no-repeat;
 
}

.scroll {
	width: 97%;
	height: 170px;
	overflow:auto;
	padding-left: 20px;
	
	}
.scroll p ul h1 {
	padding-left: 40px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	
	}


.allCaps {
	font-variant:small-caps;
	font-weight: bold;
	width: 40%;
	/*height: 150px;*/
	line-height: 130%;
	padding-left: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 120%;
	}

.allCaps a:hover {
	color: #888888;
	background-image:url(images/arrow_indicator.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 16px;
	
	}
		
	
.allCaps a {	
	color: #3b185a;
	padding-left: 16px;
	text-decoration:none;
	}


/*contact rules */


.contactContainer {
	width: 970px;
	height: 180px;
	margin-top: 250px;
	
	}
	
.contactCell {
	padding-top: 10px;
	width: 208px;
	height: 170px;
	float:left;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/contact_containers.png);
	background-repeat:no-repeat;
	 /*border: 1px solid #000; */
	 line-height: normal;
	}
	 
	
.contactTxt {
	font-size: 90%;
	line-height: normal;
	text-align:left;
	margin-left: 15px;
	margin-top: 10px;
	color: #3b185a;
	}	
	
.contactTxt h1 {
	color: #3b185a;
	padding:3px;
	margin-bottom: 0px;
	font-size: 90%;
	}	
	
.contactTxt p {
	color:#666666;
	margin:0px; 
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	}
.contactTxt a:hover {color:#3b185a; text-decoration: none;}	
.contactTxt a:link {color: #666666;}



/*directions */

#directionsPage {
	text-align: center;
	
	}	
	
#dirContainer {
	margin: 0 auto;
	width: 998px;
		
		}

#colLeft {
	width: 630px;
	 
	float: left;
	text-align: left;
 	clear: right;
	padding-left: 20px;
	}
	
#colRight {
	float: right;
	width: 300px;
 
	padding-right: 20px;
	text-align: left;
	font-size: 80%;
	margin-top: 0px;
	}	
	

#directionsTop {
	background-image:url(images/directions/bg_top.png);
	background-repeat:no-repeat;
	margin: 0px;
	padding:0px; 
	height: 17px;
	clear: right;
	}
	
#directionsMid {
	background-image: url(images/directions/bg_mid.png);
	background-repeat:repeat-y;
	margin: 0px;
	padding:0px;
	clear: right;
	}	
	
#directionsBtm {
	background-image: url(images/directions/bg_btm.png);
	background-repeat:no-repeat;
	margin: 0px;
	padding:0px;
	height: 16px;
}

/* NEWS AND EVENTS CALENDAR */


.calendar {
 
	color: #000;
	width: 92%;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 5px;
	padding: 5px;
	}
.calendar tr td a {color: #a8966a; text-decoration:none;}
.calendar tr td a:hover {text-decoration: underline; color: #ccc;}

.calendar-date {
	background-color:#3b185a;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	}	
.calendar-headers {
	background-color:#CCC;
	color: fff;
	font-variant:small-caps;
	padding-left: 20px;
	}	
	
/* Big W rules */	


.fullpagescroll{
	background-image: url(images/bodycontent_bg.png);
	background-repeat:repeat-y;
	height: 420px;
	overflow:auto;
	width: 686px;
	padding-left: 30px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	
 
	
.lowerpagescroll {
		background-image: url(images/bodycontent_bg.png);
		background-repeat:repeat-y;
		height: 190px;
		overflow:auto;
		width: 686px;
		padding-left: 30px;
		margin-right: 30px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}	


	
.qualifyList {
	padding-left: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	}	
.qualifyList ol li {margin: 0px; padding: 0px;}	
	
.letterwinnerTopbox {
	
		background-image: url(images/bodycontent_bg.png);
		background-repeat:repeat-y;
		/*height: 192px; edit by luke 10/6
		overflow:auto;*/
		height: 160px;
		width: 99%;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-left: 20px;
		/*padding-right: 30px;*/
		clear:right;
		}	
a.selected {
	color: #888888;
	background-image:url(images/arrow_indicator.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 16px;
	
	}

#flashBar {
	text-align:left;
	width: 720px;
	padding-top: 0px;
	
	float:right;
	font-size: 80%;
	 
	}	
.floatLeft {float: left;
	padding-right: 8px;
	padding-top: 0px;
	
	}	
.floatRight {float: right;
	padding-left: 8px;
	padding-top: 0px;
	
	}		
.bold  {font-weight: bold; color: #ffffff; padding-left: 6px; padding-top:1px; padding-bottom: 8px; padding-right: 18px;
background-image:url(images/bigWimages/signup_bg.gif); background-repeat:no-repeat; width: 56px; height: 24px; /*border: 1px dashed #366;*/}	